<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
<head>
<script type="text/javascript">
$().ready(function(){
$('#editar').validate({
	rules: {
		nombres: "required",
		apellidos: "required",
		perfil: "required",
		cedula: {
			required: true,
			number: true
			},
		correo: {
			required: true,
			email: true
			},
		telefono: {
			required: true,
			number: true,
			minlength: 11
			},
		clave: { 
               required: true, 
               minlength: 5 
           },
        confirm_clave: { 
            required: true, 
            minlength: 5,
            equalTo: "#clave"
        }
		},
	messages :{
		nombres: " Debe Ingresar su nombre",
		apellidos: " Debe Ingresar su apellido",
		perfil: " Debe Ingresar su perfil",
		cedula:{
			required : " Este campo es requerido",
			number: " Debe ingresar solo numeros"
			},
		telefono: { 
            required: " Este campo es requerido",
            number: " Debe ingresar solo numeros",
            minlength: jQuery.format(" Ingrese al menos {0} caracteres") 
        }, 
		clave: { 
            required: " Debe Ingresar una clave", 
            minlength: jQuery.format(" Ingrese al menos {0} caracteres") 
        }, 
        confirm_clave: { 
            required: " Repita su clave", 
            minlength: jQuery.format(" Ingrese al menos {0} caracteres"), 
            equalTo: " Introduzca la misma contraseña que el anterior" 
        }, 
        correo: { 
            required: "Direccion Invalida", 
            minlength: "Direccion Invalida"
        }
		}		
});
});

</script>
</head>
<body>
	<div id="divEditUser">
		<s:form id="editar" name="form" method="post" action="edit.action" namespace="/usuario">
		<h2 align="center">Datos del Usuario</h2>
		<br />
			<table>
				<tr>
					<td><s:label value="Cedula:" for="cedula" /></td>
					<td><s:textfield id="cedula" size="20" maxlength="8"
							name="cedula" required="true" value="%{usuario.cedula}" /></td>
					<td><s:label value="Télefono:" for="telefono" /></td>
					<td><s:textfield id="telefono" size="20" name="telefono"
							required="true" maxlength="11" value="%{usuario.telefono}" /></td>
				</tr>
				<tr>
					<td><s:label value="Nombres:" for="nombres" /></td>
					<td><s:textfield id="nombres" size="20" name="nombres"
							required="true" value="%{usuario.nombres}" /></td>
					<td><s:label value="Perfil:" for="perfil" /></td>
					<td><s:select id="perfil" listKey="id" name="idPerfil"
							list="perfiles" listValue="tipo" headerKey="-1"
							headerValue="<--Seleccione-->" required="true"
							value="%{usuario.perfil.id}" /></td>
				</tr>
				<tr>
					<td><s:label value="Apellidos:" for="apellidos" /></td>
					<td><s:textfield id="apellidos" size="20" name="apellidos"
							required="true" value="%{usuario.apellidos}" /></td>
					<td><s:label value="Cargo:" for="cargo" /></td>
					<td><s:select id="cargo" name="cargo" list="cargos"
							listKey="id" listValue="descripcion" headerKey="-1"
							headerValue="<--Seleccione-->" required="true"
							value="%{usuario.cargo.id}" /></td>
				</tr>
				<tr>
					<td><s:label value="Email:" for="correo" /></td>
					<td><s:textfield id="correo" size="20" name="correo"
							required="true" value="%{usuario.correo}" /></td>
				</tr>
				<tr>
					<td><s:label value="Clave:" for="clave" /></td>
					<td><s:password id="clave" size="20" name="clave"
							required="true" /></td>
					<td><s:label value="Confirmar Clave:" for="confirm_clave" /></td>
					<td><s:password id="confirm_clave" size="20"
							name="confirm_clave" /></td>
				</tr>
				<tr>
					<td colspan="2" align="center"><s:submit id="login_btn"
							cssClass="login" value="Guardar" accesskey="l" /></td>
					<td colspan="2"><s:a href="../usuario/remove.action">
							<img src="<s:url value="/resources/images/delete-user.png"/>"
								alt="Eliminar" title="Eliminar">
						</s:a></td>
				</tr>
				<tr>
					<td colspan="4" align="center"><s:actionerror cssClass="error" /></td>
				</tr>
			</table>
		</s:form>
	</div>
</body>
</html>